<!doctype html>



  


<html class="theme-next muse use-motion" lang="zh-Hans">
<head>
  <meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>



<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />












  
  
  <link href="/vendors/fancybox/source/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" />




  
  
  
  

  
    
    
  

  

  

  

  

  
    
    
    <link href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">
  






<link href="/vendors/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css" />

<link href="/css/main.css?v=5.1.0" rel="stylesheet" type="text/css" />


  <meta name="keywords" content="Hexo, NexT" />








  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?v=5.1.0" />






<meta property="og:type" content="website">
<meta property="og:title" content="lonely thinker">
<meta property="og:url" content="https://github.com/frthinker/index.html">
<meta property="og:site_name" content="lonely thinker">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="lonely thinker">



<script type="text/javascript" id="hexo.configurations">
  var NexT = window.NexT || {};
  var CONFIG = {
    root: '/',
    scheme: 'Muse',
    sidebar: {"position":"left","display":"post"},
    fancybox: true,
    motion: true,
    duoshuo: {
      userId: '0',
      author: '博主'
    },
    algolia: {
      applicationID: '',
      apiKey: '',
      indexName: '',
      hits: {"per_page":10},
      labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
    }
  };
</script>



  <link rel="canonical" href="https://github.com/frthinker/"/>





  <title> lonely thinker </title>
</head>

<body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans">

  










  
  
    
  

  <div class="container one-collumn sidebar-position-left 
   page-home 
 ">
    <div class="headband"></div>

    <header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-meta ">
  

  <div class="custom-logo-site-title">
    <a href="/"  class="brand" rel="start">
      <span class="logo-line-before"><i></i></span>
      <span class="site-title">lonely thinker</span>
      <span class="logo-line-after"><i></i></span>
    </a>
  </div>
  <p class="site-subtitle">thinking in my own world</p>
</div>

<div class="site-nav-toggle">
  <button>
    <span class="btn-bar"></span>
    <span class="btn-bar"></span>
    <span class="btn-bar"></span>
  </button>
</div>

<nav class="site-nav">
  

  
    <ul id="menu" class="menu">
      
        
        <li class="menu-item menu-item-home">
          <a href="/" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-home"></i> <br />
            
            首页
          </a>
        </li>
      
        
        <li class="menu-item menu-item-archives">
          <a href="/archives" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-archive"></i> <br />
            
            归档
          </a>
        </li>
      
        
        <li class="menu-item menu-item-tags">
          <a href="/tags" rel="section">
            
              <i class="menu-item-icon fa fa-fw fa-tags"></i> <br />
            
            标签
          </a>
        </li>
      

      
    </ul>
  

  
</nav>



 </div>
    </header>

    <main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
          <div id="content" class="content">
            
  <section id="posts" class="posts-expand">
    
      

  

  
  
  

  <article class="post post-type-normal " itemscope itemtype="http://schema.org/Article">
  <link itemprop="mainEntityOfPage" href="https://github.com/frthinker/2016/11/02/shell/">

  <span style="display:none" itemprop="author" itemscope itemtype="http://schema.org/Person">
    <meta itemprop="name" content="王飚">
    <meta itemprop="description" content="">
    <meta itemprop="image" content="/images/avatar.gif">
  </span>

  <span style="display:none" itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
    <meta itemprop="name" content="lonely thinker">
    <span style="display:none" itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
      <img style="display:none;" itemprop="url image" alt="lonely thinker" src="">
    </span>
  </span>

    
      <header class="post-header">

        
        
          <h1 class="post-title" itemprop="name headline">
            
            
              
                
                <a class="post-title-link" href="/2016/11/02/shell/" itemprop="url">
                  贝壳屋
                </a>
              
            
          </h1>
        

        <div class="post-meta">
          <span class="post-time">
            <span class="post-meta-item-icon">
              <i class="fa fa-calendar-o"></i>
            </span>
            <span class="post-meta-item-text">发表于</span>
            <time title="Post created" itemprop="dateCreated datePublished" datetime="2016-11-02T23:07:56+08:00">
              2016-11-02
            </time>

            &nbsp;|&nbsp;

            <span class="post-meta-item-icon">
              <i class="fa fa-calendar-check-o"></i>
            </span>
            <time title="Post modified" itemprop="dateModified" datetime="2016-11-11T20:28:53+08:00">
              2016-11-11
            </time>
            
          </span>

          

          
            
          

          

          
          

          
          
          

        </div>
      </header>
    


    <div class="post-body" itemprop="articleBody">

      
      

      
        
          
            <ul>
<li><p>一个冷静的思考者，可能你想很久觉得很高深的问题，在别人的眼中就很low</p>
</li>
<li><p>如果觉得很难受，那赶紧换一个环境吧，因为自认为可以通过自己的毅力来让自己变得更好只是徒劳的</p>
</li>
<li><p>你真的需要一个世界只有你自己，和自己对话，在这个世界你，你的观众只有自己，说给自己听</p>
</li>
<li><p>从今天开始，你将变得不一样</p>
</li>
</ul>

          
        
      
    </div>

    <div>
      
    </div>

    <div>
      
    </div>


    <footer class="post-footer">
      

      

      
      
        <div class="post-eof"></div>
      
    </footer>
  </article>


    
      

  

  
  
  

  <article class="post post-type-normal " itemscope itemtype="http://schema.org/Article">
  <link itemprop="mainEntityOfPage" href="https://github.com/frthinker/2016/11/01/UIWindow/">

  <span style="display:none" itemprop="author" itemscope itemtype="http://schema.org/Person">
    <meta itemprop="name" content="王飚">
    <meta itemprop="description" content="">
    <meta itemprop="image" content="/images/avatar.gif">
  </span>

  <span style="display:none" itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
    <meta itemprop="name" content="lonely thinker">
    <span style="display:none" itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
      <img style="display:none;" itemprop="url image" alt="lonely thinker" src="">
    </span>
  </span>

    
      <header class="post-header">

        
        
          <h1 class="post-title" itemprop="name headline">
            
            
              
                
                <a class="post-title-link" href="/2016/11/01/UIWindow/" itemprop="url">
                  UIWindow
                </a>
              
            
          </h1>
        

        <div class="post-meta">
          <span class="post-time">
            <span class="post-meta-item-icon">
              <i class="fa fa-calendar-o"></i>
            </span>
            <span class="post-meta-item-text">发表于</span>
            <time title="Post created" itemprop="dateCreated datePublished" datetime="2016-11-01T12:40:01+08:00">
              2016-11-01
            </time>

            &nbsp;|&nbsp;

            <span class="post-meta-item-icon">
              <i class="fa fa-calendar-check-o"></i>
            </span>
            <time title="Post modified" itemprop="dateModified" datetime="2016-11-11T21:04:16+08:00">
              2016-11-11
            </time>
            
          </span>

          

          
            
          

          

          
          

          
          
          

        </div>
      </header>
    


    <div class="post-body" itemprop="articleBody">

      
      

      
        
          
            <h2 id="UIWindow"><a href="#UIWindow" class="headerlink" title="UIWindow"></a>UIWindow</h2><p>UIWindow是一种特殊的UIView，通常在一个app中只会有一个UIWindow，iOS程序启动完毕后，创建的<strong>第一个视图控件</strong>就是UIWindow（创建的第一个对象是UIapplication），接着创建控制器的view，最后将控制器的view添加到UIWindow上，于是控制器的view就显示在屏幕上了<br>一个iOS程序之所以能显示到屏幕上，完全是因为它有UIWindow</p>
<p>也就说，没有UIWindow，就看不见任何UI界面<br><code>![1.png](http://ogharu8ll.bkt.clouddn.com/1.png)</code></p>
<p>添加<br><code>![2.png](http://ogharu8ll.bkt.clouddn.com/2.png)</code></p>
<p>先创建UIwindow,再创建控制器，创建控制器的view，然后将控制器的view添加到UIWindow上。<br>文档的解释：</p>
<p><code>![3.png](http://ogharu8ll.bkt.clouddn.com/3.png)</code></p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div></pre></td><td class="code"><pre><div class="line">// 让当前UIWindow变成keyWindow，并显示出来</div><div class="line">- (void)makeKeyAndVisible; </div><div class="line"></div><div class="line">// 获取当前应用程序的主窗口</div><div class="line">- [UIApplication sharedApplication].keyWindow</div><div class="line"></div><div class="line">// 获取view对象所在的窗口</div><div class="line">- view.window</div><div class="line"></div><div class="line">// 获取当前程序所有的window</div><div class="line">- [UIApplication sharedApplication].windows</div></pre></td></tr></table></figure>
<p>创建一个控制器，把view添加到uiwindow上面（有两种方式）</p>
<p>直接将控制器的view添加到UIWindow中，并不理会它对应的控制器</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">[self.window  addsubview:vc.view];</div></pre></td></tr></table></figure>
<p>（2）设置uiwindow的根控制器，自动将rootviewcontroller的view添加到window中，负责管理rootviewcontroller的生命周期</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">[self.window.rootviewcontroller=vc];</div></pre></td></tr></table></figure>
<p>两个方法的区别：</p>
<p>以后的开发中，建议使用（2）.因为方法（1）存在一些问题，比如说控制器上面可能由按钮，需要监听按钮的点击事件，如果是1，那么按钮的事件应该由控制器来进行管理。但控制器是一个局部变量，控制器此时已经不存在了，但是控制器的view还在，此时有可能会报错。注意：方法执行完，这个控制器就已经不存在了。</p>
<p>问题描述1：当view发生一些事件的时候，通知控制器，但是控制器已经销毁了，所以可能出现未知的错误。</p>
<p>问题描述2：添加一个开关按钮，让屏幕360度旋转（两者的效果不一样）。当发生屏幕旋转事件的时候，UIapplication对象会将旋转事件传递给uiwindow,uiwindow又会将旋转事件传递给它的根控制器，由根控制器决定是否需要旋转</p>
<p>UIapplication-&gt;uiwindow-&gt;根控制器（第一种方式没有根控制器，所以不能跟着旋转）。</p>
<p>提示：不通过控制器的view也可以做开发，但是在实际开发中，不要这么做，不要直接把view添加到UIWindow上面去。因为，难以管理。</p>
<h2 id="四大对象的关系"><a href="#四大对象的关系" class="headerlink" title="四大对象的关系"></a>四大对象的关系</h2><ul>
<li>程序第一个创建的对象是<code>UIApplication</code></li>
<li>UIApplication绑定一个<code>AppDelegate</code>对象</li>
<li>AppDelegate对象中有一个<code>window</code>属性(UIWindow)</li>
<li>UIWindow对象中有一个<code>rootViewController</code>的属性</li>
<li>rootViewController设置成要显示的UIViewController</li>
<li>最后 显示出UIViewController对象的view</li>
</ul>
<p><code>![4.png](http://ogharu8ll.bkt.clouddn.com/4.png)</code></p>
<ol>
<li>UIApplication :delegate属性</li>
<li>AppDelegate :window属性</li>
<li>UIWindow :rootViewController属性</li>
<li>UIViewController :view属性</li>
</ol>

          
        
      
    </div>

    <div>
      
    </div>

    <div>
      
    </div>


    <footer class="post-footer">
      

      

      
      
        <div class="post-eof"></div>
      
    </footer>
  </article>


    
      

  

  
  
  

  <article class="post post-type-normal " itemscope itemtype="http://schema.org/Article">
  <link itemprop="mainEntityOfPage" href="https://github.com/frthinker/2016/10/31/autoLayout/">

  <span style="display:none" itemprop="author" itemscope itemtype="http://schema.org/Person">
    <meta itemprop="name" content="王飚">
    <meta itemprop="description" content="">
    <meta itemprop="image" content="/images/avatar.gif">
  </span>

  <span style="display:none" itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
    <meta itemprop="name" content="lonely thinker">
    <span style="display:none" itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
      <img style="display:none;" itemprop="url image" alt="lonely thinker" src="">
    </span>
  </span>

    
      <header class="post-header">

        
        
          <h1 class="post-title" itemprop="name headline">
            
            
              
                
                <a class="post-title-link" href="/2016/10/31/autoLayout/" itemprop="url">
                  iOS自动布局
                </a>
              
            
          </h1>
        

        <div class="post-meta">
          <span class="post-time">
            <span class="post-meta-item-icon">
              <i class="fa fa-calendar-o"></i>
            </span>
            <span class="post-meta-item-text">发表于</span>
            <time title="Post created" itemprop="dateCreated datePublished" datetime="2016-10-31T21:24:54+08:00">
              2016-10-31
            </time>

            &nbsp;|&nbsp;

            <span class="post-meta-item-icon">
              <i class="fa fa-calendar-check-o"></i>
            </span>
            <time title="Post modified" itemprop="dateModified" datetime="2016-10-31T22:10:07+08:00">
              2016-10-31
            </time>
            
          </span>

          

          
            
          

          

          
          

          
          
          

        </div>
      </header>
    


    <div class="post-body" itemprop="articleBody">

      
      

      
        
          
            <p>Auto Layout</p>
<h2 id="屏幕适配简介"><a href="#屏幕适配简介" class="headerlink" title="屏幕适配简介"></a>屏幕适配简介</h2><p>直接使用 frame 计算控件的位置</p>
<ul>
<li>特点：程序中存在大量的 MagicNumber</li>
<li>iPhone\ iPhone3G \ iPhone3GS \ iPhone4 \ iPhone4S 屏幕的物理尺寸是一样的(无需屏幕适配)<ul>
<li>而且一个应用要么是横屏要么是竖屏, 几乎不存在能同时进行横竖屏切换的应用</li>
<li>应用程序都是竖屏</li>
<li>游戏几乎都是横屏</li>
</ul>
</li>
</ul>
<blockquote>
<p>官方应用大多支持横竖屏</p>
</blockquote>
<h2 id="使用-Autoresizing-进行屏幕适配"><a href="#使用-Autoresizing-进行屏幕适配" class="headerlink" title="使用 Autoresizing 进行屏幕适配"></a>使用 Autoresizing 进行屏幕适配</h2><p>随着 iPad 的发布, 屏幕的物理尺寸发生了变化<br>并且苹果建议，在 iPad 上运行的程序如果没有特殊原因，应该支持横竖屏切换<br>因此：不能把控件的 frame 都写死了，需要进行屏幕适配<br>为了解决屏幕适配需求，苹果同时推出了第一个屏幕适配解决方案：Autoresizing</p>
<p><strong>Autoresizing</strong> 的核心思想就是：参照父容器来设置子控件的 <code>frame</code><br>不再写死 frame, 而是参照父容器</p>
<blockquote>
<p>举例：在竖屏下有一个按钮要占据整个屏幕宽度, 当切换到横屏以后同样要占据整个屏幕的宽度</p>
</blockquote>
<p><strong>Autoresizing 只能设置<code>当前控件</code>与<code>父控件</code>之间的相对关系</strong></p>
<ul>
<li>Autoresizing 有一句非常常见的代码，一定要有印象</li>
</ul>
<figure class="highlight objc"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">redView.AutoresizingMask = <span class="built_in">UIViewAutoresizingFlexibleWidth</span> | <span class="built_in">UIViewAutoresizingFlexibleHeight</span>;</div></pre></td></tr></table></figure>
<h2 id="iOS-6-——-Auto-Layout（自动布局）"><a href="#iOS-6-——-Auto-Layout（自动布局）" class="headerlink" title="iOS 6 —— Auto Layout（自动布局）"></a>iOS 6 —— Auto Layout（自动布局）</h2><p>随着 iPhone5 \ iPhone5s 等的发布苹果设备不同尺寸的屏幕变得越来越多, 不仅要求能根据控件父子<br>关系来设置相对位置，也要求能根据<code>任意控件</code>之间的关系来设置位置<code>因为 Autoresizing 只能设置当前控件与父控件之间的相对关系</code>，当遇到要设置<strong>兄弟控件</strong>之间的关系的时候 Autoresizing 就无能为力了</p>
<blockquote>
<p>举例: 在竖屏下, 屏幕底部有两个按钮，这两个按钮的间距为一个固定的值（宽度不指定）<br>当切换为横屏的时候要求这两个按钮还显示在屏幕底部<br>并且按钮间的间距不变, 按钮可以随之变宽</p>
</blockquote>
<p>Auto Layout 技术主要解决的问题：控件位置的参照关系不再局限于父控件<br><strong><em> AutoLayout核心公式: </em></strong></p>
<figure class="highlight objc"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">firstItem.firstAttribute &#123;==,&lt;=,&gt;=&#125; secondItem.secondAttribute * multiplier + constant</div></pre></td></tr></table></figure>
<p>注意:如果firstItem.firstAttribute和secondItem.secondAttribute调换位置后注意multiplier和constant值的变化</p>
<h2 id="iOS-8-——-Size-Classes-Auto-Layout"><a href="#iOS-8-——-Size-Classes-Auto-Layout" class="headerlink" title="iOS 8 —— Size Classes + Auto Layout"></a>iOS 8 —— Size Classes + Auto Layout</h2><p>使用 Size Classes + Auto Layout 进行屏幕适配<br>当 iPhone6 发布以后，苹果设备的屏幕越来越多(以后也可能出现更多不同大小的屏幕)，为了能更容易的适配不同的屏幕，苹果推出了 Size Classes 技术<br>通过 Auto Layout 设置的约束，约束一旦添加就会应用于各种屏幕（也就是说在<br>各种不同的屏幕下都使用相同的约束）<br>通过 Size Classes + Auto Layout 的方式, 可以为不同尺寸的屏幕设置不同的约束<br>举例: iPhone 下的计算器，在横屏、竖屏下的不同表现</p>
<ul>
<li>Size Classes 技术主要解决的问题: <strong>主要解决了iPhone横竖屏适配及iPhone和iPad开发时共用一个IB的问题</strong></li>
</ul>
<h2 id="iOS-9-——-Size-Classes-Auto-Layout-StackView"><a href="#iOS-9-——-Size-Classes-Auto-Layout-StackView" class="headerlink" title="iOS 9 —— Size Classes + Auto Layout + StackView"></a>iOS 9 —— Size Classes + Auto Layout + StackView</h2><p>StackView 的核心便是方便垂直或水平排布多个 subview,类似于 android 的 LinearLayout<br>StackView 最有用的就是它会自动为每个 subview 创建和添加 Auto Layout 约束，程序员可以<br>通过选项配置subview的大小、排布以及彼此间的间距,使用 stackview 主要简化在线性方向上，重复设置控件布局约束的问题</p>
<h2 id="自动布局动画原理-了解"><a href="#自动布局动画原理-了解" class="headerlink" title="自动布局动画原理(了解)"></a>自动布局动画原理(了解)</h2><ul>
<li>修改约束数值并不会让视图的位置及大小立即发生变化</li>
<li>自动布局系统 会在一次用户交互活动中，收集所有控件的约束变化</li>
<li>如果有约束变化，会在收集完成之后，统一计算所有控件变化后的 frame 并且设置</li>
<li><strong>layoutIfNeeded</strong> 方法就是通知视图，如果当前存在变化的约束，先更新一下</li>
</ul>
<h2 id="代码中使用AutoLayout的注意点"><a href="#代码中使用AutoLayout的注意点" class="headerlink" title="代码中使用AutoLayout的注意点:"></a>代码中使用AutoLayout的注意点:</h2><ol>
<li>要先<code>禁止Autoresizing功能</code>，设置view的下面属性为NO<br> 约束要作用的view.translatesAutoresizingMaskIntoConstraints = NO;</li>
<li>添加约束之前，一定要保证相关控件都已经在各自的<code>父控件</code>上</li>
<li>不用再给控件设置frame</li>
</ol>
<h2 id="Xcode版本信息"><a href="#Xcode版本信息" class="headerlink" title="Xcode版本信息"></a>Xcode版本信息</h2><table>
<thead>
<tr>
<th>Xcode版本</th>
<th>正式版发布时间</th>
<th>支持系统及设置</th>
</tr>
</thead>
<tbody>
<tr>
<td>Xcode4.2</td>
<td>2011年10月13日</td>
<td>iOS5-iPhone4s </td>
</tr>
<tr>
<td>Xcode4.5</td>
<td>2012年9月20日</td>
<td>iOS6-iPhone5</td>
</tr>
<tr>
<td>Xcode5.0</td>
<td>2013年9月18日</td>
<td>iOS7-iPhone5s</td>
</tr>
<tr>
<td>Xcode6.0</td>
<td>2014年9月17日</td>
<td>iOS8-iPhone6</td>
</tr>
<tr>
<td>Xcode7.0</td>
<td>2015年9月28日</td>
<td>iOS9-iPhone6s)</td>
</tr>
</tbody>
</table>

          
        
      
    </div>

    <div>
      
    </div>

    <div>
      
    </div>


    <footer class="post-footer">
      

      

      
      
        <div class="post-eof"></div>
      
    </footer>
  </article>


    
      

  

  
  
  

  <article class="post post-type-normal " itemscope itemtype="http://schema.org/Article">
  <link itemprop="mainEntityOfPage" href="https://github.com/frthinker/2016/10/31/hello-world/">

  <span style="display:none" itemprop="author" itemscope itemtype="http://schema.org/Person">
    <meta itemprop="name" content="王飚">
    <meta itemprop="description" content="">
    <meta itemprop="image" content="/images/avatar.gif">
  </span>

  <span style="display:none" itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
    <meta itemprop="name" content="lonely thinker">
    <span style="display:none" itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
      <img style="display:none;" itemprop="url image" alt="lonely thinker" src="">
    </span>
  </span>

    
      <header class="post-header">

        
        
          <h1 class="post-title" itemprop="name headline">
            
            
              
                
                <a class="post-title-link" href="/2016/10/31/hello-world/" itemprop="url">
                  hi lili
                </a>
              
            
          </h1>
        

        <div class="post-meta">
          <span class="post-time">
            <span class="post-meta-item-icon">
              <i class="fa fa-calendar-o"></i>
            </span>
            <span class="post-meta-item-text">发表于</span>
            <time title="Post created" itemprop="dateCreated datePublished" datetime="2016-10-31T16:55:05+08:00">
              2016-10-31
            </time>

            &nbsp;|&nbsp;

            <span class="post-meta-item-icon">
              <i class="fa fa-calendar-check-o"></i>
            </span>
            <time title="Post modified" itemprop="dateModified" datetime="2016-11-01T02:48:30+08:00">
              2016-11-01
            </time>
            
          </span>

          

          
            
          

          

          
          

          
          
          

        </div>
      </header>
    


    <div class="post-body" itemprop="articleBody">

      
      

      
        
          
            <p>我们终究是肉体凡胎，逃不开这现实的世俗</p>

          
        
      
    </div>

    <div>
      
    </div>

    <div>
      
    </div>


    <footer class="post-footer">
      

      

      
      
        <div class="post-eof"></div>
      
    </footer>
  </article>


    
  </section>

  


          </div>
          


          

        </div>
        
          
  
  <div class="sidebar-toggle">
    <div class="sidebar-toggle-line-wrap">
      <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
      <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
    </div>
  </div>

  <aside id="sidebar" class="sidebar">
    <div class="sidebar-inner">

      

      

      <section class="site-overview sidebar-panel sidebar-panel-active">
        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
          <img class="site-author-image" itemprop="image"
               src="/images/avatar.gif"
               alt="王飚" />
          <p class="site-author-name" itemprop="name">王飚</p>
          <p class="site-description motion-element" itemprop="description"></p>
        </div>
        <nav class="site-state motion-element">
          <div class="site-state-item site-state-posts">
            <a href="/archives">
              <span class="site-state-item-count">4</span>
              <span class="site-state-item-name">日志</span>
            </a>
          </div>

          

          

        </nav>

        

        <div class="links-of-author motion-element">
          
        </div>

        
        

        
        

        


      </section>

      

    </div>
  </aside>


        
      </div>
    </main>

    <footer id="footer" class="footer">
      <div class="footer-inner">
        <div class="copyright" >
  
  &copy; 
  <span itemprop="copyrightYear">2016</span>
  <span class="with-love">
    <i class="fa fa-heart"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">王飚</span>
</div>


<div class="powered-by">
  由 <a class="theme-link" href="https://hexo.io">Hexo</a> 强力驱动
</div>

<div class="theme-info">
  主题 -
  <a class="theme-link" href="https://github.com/iissnan/hexo-theme-next">
    NexT.Muse
  </a>
</div>


        

        
      </div>
    </footer>

    <div class="back-to-top">
      <i class="fa fa-arrow-up"></i>
    </div>
  </div>

  

<script type="text/javascript">
  if (Object.prototype.toString.call(window.Promise) !== '[object Function]') {
    window.Promise = null;
  }
</script>









  



  
  <script type="text/javascript" src="/vendors/jquery/index.js?v=2.1.3"></script>

  
  <script type="text/javascript" src="/vendors/fastclick/lib/fastclick.min.js?v=1.0.6"></script>

  
  <script type="text/javascript" src="/vendors/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script>

  
  <script type="text/javascript" src="/vendors/velocity/velocity.min.js?v=1.2.1"></script>

  
  <script type="text/javascript" src="/vendors/velocity/velocity.ui.min.js?v=1.2.1"></script>

  
  <script type="text/javascript" src="/vendors/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>


  


  <script type="text/javascript" src="/js/src/utils.js?v=5.1.0"></script>

  <script type="text/javascript" src="/js/src/motion.js?v=5.1.0"></script>



  
  

  

  


  <script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.0"></script>



  



  




	




  
  

  

  

  

  


</body>
</html>
